<template>
	<view class="" style="width: 100%;height: 100vh;background-image: url('https://jingye.oss-cn-qingdao.aliyuncs.com/lxs/share/lxsbg.png');background-size: cover;">
		<navbar title="邀请代理" :isBack="true" ></navbar>
		<view class="" style="margin-top: 74rpx;font-size: 40rpx;font-weight: bold;text-align: center;">
			邀请代理加入您的团队
		</view>
		<view class="" style="margin-top: 40rpx;width: 100%;padding: 0 56rpx;" @tap="downImage">
			<view class="" >
				<image :src="image" style="width: 100%;height: 826rpx;border-radius: 30rpx;" mode="aspectFill"></image>
			</view>
			<view class="" style="width: 100%;height: 98rpx;margin-top: 98rpx;background-color: #405EEC;display: flex;justify-content: center;align-items: center;color: white;border-radius: 110rpx;">
				保存图片
			</view>
		</view>
	</view>
	 
</template>

<script setup lang="ts">
	import {
		onLoad,
		onShareAppMessage,
		onShareTimeline,
		onReachBottom
	} from '@dcloudio/uni-app'
	import {
		reactive,
		ref
	} from 'vue'
	
	import {
		userShare
	} from '@/service/api/index'
	import tools from '@/utils/tools'
	const image = ref()
	onLoad(()=>{
		getData()
	})
	const getData = async()=>{
		const res = await userShare("");
		console.log(res);
		image.value = res.msg;
	}
	//保存图片
	const downImage = ()=>{
		tools.downImage(image.value);
	}
</script>

<style scoped lang="scss">
	:deep(.u-navbar-fixed){
		background-color: rgba(255, 255, 255, 0) !important;
	}
</style>